<nz-form-item>
  <nz-form-label *ngIf="labelWidth > 0" [nzSpan]="labelWidth" [nzRequired]="required"
                 nzNoColon="true">{{name}}</nz-form-label>
  <nz-form-control [nzSpan]="inputWidth" style="text-align: left;top: 4px; position: relative;" #inputControl>
    <nz-checkbox-wrapper style="width: 100%;" (nzOnChange)="modelChange($event)">
      <div *ngIf="layout=='row'">
        <div *ngFor="let option of optionArray" nz-col [nzSpan]="spaceWidth">
          <label nz-checkbox
                 [nzDisabled]="disabled || (option.disabled == undefined ? false:option.disabled)"
                 nzValue="{{option.value}}"
                 [ngModel]="option.checked"
          >{{option.name}}</label>
        </div>
      </div>
      <div *ngIf="layout=='col'">
        <div *ngFor="let option of optionArray" nz-row>
          <label nz-checkbox
                 [nzDisabled]="disabled"
                 nzValue="{{option.value}}"
                 [ngModel]="option.checked"
          >{{option.name}}</label>
        </div>
      </div>
    </nz-checkbox-wrapper>
    <input dhl-input-element hidden [value]="value"/>
    <button class="reset-button" hidden (click)="reset()"></button>
  </nz-form-control>
</nz-form-item>

